<?php 
	$message = $this->message;
?>

<section class="grid_12" style="width: 60%;margin-left: 20%;">
	<div class="block-border" style="margin-bottom: 20px;">
	       <form class="block-content form" id="edit_form" method="post" action="">
				
				<h1>手数料</h1>
				
				<fieldset> 
					<legend>定数料</legend>

					<!-- Message display -->
					<?php if($message):?>
					<ul class="message success no-margin">
						<li><?php echo $message?></li>
					</ul>
					<?php endif;?>

					<p class="inline-label">
						<label for="order_fee">予約手数料</label>
						<?php echo $this->formText("order_fee", $this->order_fee);?> VND
					</p>
					
					<p class="inline-label">
						<label for="cancel_fee">キャンセル手数料</label>
						<?php echo $this->formText("cancel_fee", $this->cancel_fee);?> VND
					</p>
					
					<p class="inline-label">
						<label for="penalty_money">ペナルティ</label>
						<?php echo $this->formText("penalty_money", $this->penalty_money);?> VND/30分
					</p>
				</fieldset>

				<fieldset class="grey-bg no-margin">
					<p>
						<button type="submit">変更</button>
						<button type="button" id="backbtn">戻す</button>
					</p>
				</fieldset>
				
			</form>
		</div>
</section>

<!-- Table script -->
<script type="text/javascript">
$(document).ready(function(){	
	$("#backbtn").click(function(){
		window.location = "/admin";
	});
	
	//入力を検証する
	$("#edit_form").validate({
 		rules: {
			order_fee: {
 				required: true,
 				number: true
 			},
 			cancel_fee: {
 				required: true,
 				number: true
 			},
 			penalty_money: {
 				required: true,
 				number: true
 			}
		},
		messages: {
			order_fee: {
				required: "このフィールドは必須です。",
				number: "有効な番号を入力してください。"
			},
			cancel_fee: {
				required: "このフィールドは必須です。",
				number: "有効な番号を入力してください。"
			},
			penalty_money: {
				required: "このフィールドは必須です。",
				number: "有効な番号を入力してください。"
			}
		}
	});
});
</script>